.video-bg-img {
  display: none;
}

.hero-video-container {
  overflow: hidden;
}

.hero-video-container:before {
  z-index: -1;
  height: 100%;
  top: 0;
  width:100vw;
  overflow: hidden;
  position: fixed;
  background-image: linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 200px,transparent 80%,rgba(0,44,95,0)), radial-gradient(rgba(0, 0, 0, .3), transparent, transparent);
  background-image: -webkit-linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 200px,transparent 80%,rgba(0,44,95,0)), webkit-radial-gradient(rgba(0, 0, 0, .3), transparent, transparent);
  background-image: -moz-linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 200px,transparent 80%,rgba(0,44,95,0)), moz-radial-gradient(rgba(0, 0, 0, .3), transparent, transparent);
  background-image: -ms-linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 200px,transparent 80%,rgba(0,44,95,0)), ms-radial-gradient(rgba(0, 0, 0, .3), transparent, transparent);
  content: "";
}

.hero-video-container img{
  width: auto;
  margin-left: auto;
  margin-right: auto;
  height: 80vh;
  overflow: hidden;
  position: fixed;
  z-index: -3;
}

.blg-blue {background-color: transparent;}


.hero-video-container-content.wrapper-narrow {
  z-index: 0;  position: absolute; overflow: hidden;
top: 45vh;
}


.gradient {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  width: 105vw;
  height: auto;
}



.twohunlogo {
  position: absolute;
  z-index: -2;
  overflow: hidden;
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  animation: logogo 25000ms infinite;
  -webkit-animation: logogo 25000ms infinite;
  -ms-animation: logogo 25000ms infinite;
  -moz-animation: logogo 25000ms infinite;
  transition-timing-function: infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  -moz-transition-timing-function: infinite;
}

@keyframes logogo{
  0% {height: 950px; width: auto; opacity:0; overflow: hidden;}
  5% {opacity: 0;}
  13% {opacity: 1;}
  20% {opacity: 1;}
  30% {opacity: 1;}
  40% {opacity: 1;}
  60% {opacity: 0;}
  80% {opacity: 0;}
  100% {height: 950px; width: auto; opacity: 0; overflow: hidden;}
}

.motionimg1aaug2022 {
  position: absolute;
  top: -2%;
  width: auto;
  z-index: -3;
  overflow: hidden;
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  animation: img_1m 25000ms infinite;
  -webkit-animation: img_1m 25000ms infinite;
  -ms-animation: img_1m 25000ms infinite;
  -moz-animation: img_1m 25000ms infinite;
  transition-timing-function: infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  -moz-transition-timing-function: infinite;
}

@keyframes img_1m{
  0% {clip-path: inset(0 100% 0 0); margin-left: -2%; opacity:1;  transform: scale(1.05); overflow: hidden;}
  7% {clip-path: inset(0 0 0 0);}
  20% {margin-left: 2%; transform: scale(1.05); opacity: 1;}
  30% {margin-left: 2%;  transform: scale(1.05); opacity: 1;}
  40% {margin-left: 2%; transform: scale(1.05); opacity: 1;}
  60% {margin-left: 2%; transform: scale(1.05); opacity: 0;}
  80% {margin-left: 2%; transform: scale(1.05); opacity: 0;}
  100% {margin-left: -2%; opacity: 0;  transform: scale(1.05); overflow: hidden;}
}

.motionimg2aug2022 {
  position: absolute;
  width: auto;
  top: -1%;
  z-index: -3;
  overflow: hidden;
  transform: scale(1.1);
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  animation: img_2m 25000ms infinite;
  -webkit-animation: img_2m 25000ms infinite;
  -ms-animation: img_2m 25000ms infinite;
  -moz-animation: img_2m 25000ms infinite;
  transition-timing-function: infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  -moz-transition-timing-function: infinite;
}

@keyframes img_2m{
  0% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden; }
  20% {margin-left: -2%; opacity:0; transform: scale(1.1); }
  25% {opacity: 1;}
  40% {margin-left: 0%; opacity:1; transform: scale(1.08); }
  60% {opacity:1;}
  65% {margin-left: 0%; opacity:1; transform: scale(1.08); }
  80% {margin-left: 0%; opacity:0; transform: scale(1.08); }
  100% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden;}
}

.motionimg3aug2022 {
  position: absolute;
  width: auto;
  z-index: -3;
  overflow: hidden;
  transform: scale(1.0);
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  transform: translate(0%,0%);
  -webkit-animation: img_3m 25000ms infinite;
  -ms-animation: img_3m 25000ms infinite;
  -moz-animation: img_3m 25000ms infinite;
  animation: img_3m 25000ms infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  transition-timing-function: infinite;
}

@keyframes img_3m{
  0% {margin-right: 3%; opacity:0; transform: scale(1.08); overflow: hidden;}
  20% {margin-right: 3%; opacity:0; transform: scale(1.08);}
  40% {margin-right: 3%; opacity:0; transform: scale(1.08);}
  45% {opacity:1;}
  75% {margin-right: -2%; opacity:1; transform: scale(1.08);}
  80% {margin-right: -2%; opacity:0; transform: scale(1.08);}
  100% {margin-right: 3%; opacity:0; transform: scale(1.08); overflow: hidden;}
}



.motionimg4aug2022 {
  position: absolute;
  width: auto;
  z-index: -3;
  overflow: hidden;
  transform: scale(1.0);
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  -webkit-animation: img_4m 25000ms infinite;
  -ms-animation: img_4m 25000ms infinite;
  -moz-animation: img_4m 25000ms infinite;
  animation: img_4m 25000ms infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  transition-timing-function: infinite;
}

@keyframes img_4m{
  0% {margin-left: 3%; opacity:0; transform: scale(1.08); }
  20% {margin-left: 3%; opacity:0; transform: scale(1.08); }
  40% {margin-left: 3%; opacity:0; transform: scale(1.08); }
  60% {margin-left: 3%;; opacity:0; transform: scale(1.08); }
69% {margin-left: -2%; opacity:1; }
  75% {margin-left: -2%; opacity:1; transform: scale(1.08); }
  80% {margin-left: -2%; opacity:0; transform: scale(1.08); }
  100% {margin-left: 3%; opacity:0; transform: scale(1.08); }
}

.motionimg5aug2022 {
  position: absolute;
  width: auto;
  top: -2%;
  z-index: -4;
  overflow: hidden;
  transform: scale(1.0);
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  animation: img_5m 25000ms infinite;
  -webkit-animation: img_5m 25000ms infinite;
  -ms-animation: img_5m 25000ms infinite;
  -moz-animation: img_5m 25000ms infinite;
  transition-timing-function: infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  -moz-transition-timing-function: infinite;
}

@keyframes img_5m{
  0% {padding-bottom: 0%; opacity:1; transform: scale(1.08); overflow: hidden;}
  3% {padding-bottom: 0%; opacity:1; transform: scale(1.08); overflow: hidden;}
  4% {opacity:0; transform: scale(1.08); overflow: hidden;}
  40% {opacity:0; transform: scale(1.08); overflow: hidden;}
  60% {opacity: 0; transform: scale(1.08); }
  70% {padding-bottom: 5%; opacity: 0; transform: scale(1.08); }
  75% {padding-bottom: 2%; opacity:0;}
  80% {opacity:1;}
 85% {padding-bottom: 0%;}
100% {padding-bottom: 0%; opacity:1; transform: scale(1.08); overflow: hidden; }
}

@media (max-width: 2000px) {

  .page .coveo-search-section .CoveoSearchInterface .CoveoSearchbox {max-width: 540px;}

  .twohunlogo {
    position: absolute;
    z-index: -2;
    overflow: hidden;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: logogo 25000ms infinite;
    -webkit-animation: logogo 25000ms infinite;
    -ms-animation: logogo 25000ms infinite;
    -moz-animation: logogo 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }

  @keyframes logogo{
    0% {height: 950px; width: auto; opacity:0; overflow: hidden;}
    5% {opacity: 0;}
    13% {opacity: 1;}
    20% {opacity: 1; }
    30% {opacity: 1; }
    40% {opacity: 1; }
    60% {opacity: 0; }
    80% {opacity: 0; }
    100% {height: 950px; width: auto; opacity: 0; overflow: hidden; }
  }
}


@media (max-width: 1024px) {
  .page .coveo-search-section .CoveoSearchInterface .CoveoSearchbox {max-width: 384px;}

  .hero-video-container img{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: 80vh;
    overflow: hidden;
    position: fixed;
    z-index: -3;
  }

  .motionimg1aaug2022 {
    position: absolute;
    top: -2%;
    width: 90vw;
    z-index: -3;
    overflow: hidden;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_1m 25000ms infinite;
    -webkit-animation: img_1m 25000ms infinite;
    -ms-animation: img_1m 25000ms infinite;
    -moz-animation: img_1m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
 }
  
  @keyframes img_1m{
  0% {clip-path: inset(0 100% 0 0); margin-left: -2%; opacity:1;  transform: scale(1.05); overflow: hidden;}
  7% {clip-path: inset(0 0 0 0);}
  20% {margin-left: 2%; transform: scale(1.05); opacity: 1;}
  30% {margin-left: 2%;  transform: scale(1.05); opacity: 1;}
  40% {margin-left: 2%; transform: scale(1.05); opacity: 1;}
  60% {margin-left: 2%; transform: scale(1.05); opacity: 0;}
  80% {margin-left: 2%; transform: scale(1.05); opacity: 0;}
  100% {margin-left: -2%; opacity: 0;  transform: scale(1.05); overflow: hidden;}
  }
  
  .motionimg2aug2022 {
    position: absolute;
    top:  -1%;
    z-index: -3;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_2m 25000ms infinite;
    -webkit-animation: img_2m 25000ms infinite;
    -ms-animation: img_2m 25000ms infinite;
    -moz-animation: img_2m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_2m{
  0% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden; }
  20% {margin-left: -2%; opacity:0; transform: scale(1.1); }
  25% {opacity: 1;}
  40% {margin-left: 0%; opacity:1; transform: scale(1.05); }
  60% {opacity:1;}
  65% {margin-left: 0%; opacity:1; transform: scale(1.05); }
  80% {margin-left: 0%; opacity:0; transform: scale(1.05); }
  100% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden;}
  }
  
  .motionimg3aug2022 {
    position: absolute;
    z-index: -3;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-animation: img_3m 25000ms infinite;
    -ms-animation: img_3m 25000ms infinite;
    -moz-animation: img_3m 25000ms infinite;
    animation: img_3m 25000ms infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    transition-timing-function: infinite;
  }
  
  @keyframes img_3m{
                  0% {margin-right: 3%; opacity:0; transform: scale(1.05); overflow: hidden;}
                  20% {margin-right: 3%; opacity:0; transform: scale(1.05);}
                  40% {margin-right: 3%; opacity:0; transform: scale(1.05);}
                  45% {opacity:1;}
                  75% {margin-right: -2%; opacity:1; transform: scale(1.05);}
                  80% {margin-right: -2%; opacity:0; transform: scale(1.05);}
                  100% {margin-right: 3%; opacity:0; transform: scale(1.05); overflow: hidden;}
  }
  
  .motionimg4aug2022 {
    position: absolute;
    overflow: hidden;
    margin-left: 3%;
    z-index: -3;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-animation: img_4m 25000ms infinite;
    -ms-animation: img_4m 25000ms infinite;
    -moz-animation: img_4m 25000ms infinite;
    animation: img_4m 25000ms infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    transition-timing-function: infinite;
  }
  
  @keyframes img_4m {
0% {margin-left: 3%; opacity:0; transform: scale(1.05); }
 20% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  40% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  60% {margin-left: 3%;; opacity:0; transform: scale(1.05); }
69% {margin-left: -2%; opacity:1; }
  75% {margin-left: -2%; opacity:1; transform: scale(1.05); }
  80% {margin-left: -2%; opacity:0; transform: scale(1.05); }
  100% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  }
  
  .motionimg5aug2022 {
    position: absolute;
    top: -2%;
    z-index: -4;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_5m 25000ms infinite;
    -webkit-animation: img_5m 25000ms infinite;
    -ms-animation: img_5m 25000ms infinite;
    -moz-animation: img_5m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_5m{
  0% {opacity:1; transform: scale(1.05); overflow: hidden;}
  3% {opacity:1; transform: scale(1.05); overflow: hidden;}
  4% {opacity:0; transform: scale(1.05); overflow: hidden;}
  40% {opacity:0; transform: scale(1.05); overflow: hidden;}
  60% {opacity: 0; transform: scale(1.05); }
  70% {padding-bottom: 5%; opacity: 0; transform: scale(1.05); }
  75% {padding-bottom: 2%; opacity:0;}
  80% {opacity:1;}
85% {opacity:1;}
100% {opacity:1; transform: scale(1.05); overflow: hidden; }
  }
  
  .motionimg5aaug2022 {
    position: absolute;
    top: -2%;
    z-index: -4;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_5am 25000ms infinite;
    -webkit-animation: img_5am 25000ms infinite;
    -ms-animation: img_5am 25000ms infinite;
    -moz-animation: img_5am 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_5am{
  0% {margin-bottom: 5%; opacity: 1; transform: scale(1.05); overflow: hidden;}
  3% {margin-bottom: 5%; opacity: 1; transform: scale(1.05); overflow: hidden;}
  4% {opacity: 0; transform: scale(1.05); overflow: hidden;}
  40% {opacity: 0; transform: scale(1.05); }
  60% {opacity: 0; transform: scale(1.05); }
  80% {margin-bottom: 5%; opacity: 0; transform: scale(1.05); }
  85% {margin-bottom: 1%; opacity:1; }
100% {margin-bottom: 1%; opacity:1; transform: scale(1.05); overflow: hidden; }
  }
}

@media (max-width: 540px) {
  .page .coveo-search-section .CoveoSearchInterface .CoveoSearchbox {max-width: 384px;}

  .hero-video-container img{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: 80vh;
    overflow: hidden;
    position: fixed;
    z-index: -3;
  }
  
  .twohunlogo {
    position: absolute;
    z-index: -2;
    overflow: hidden;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: logogo 25000ms infinite;
    -webkit-animation: logogo 25000ms infinite;
    -ms-animation: logogo 25000ms infinite;
    -moz-animation: logogo 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes logogo{
    0% {height: 800px; width: auto; opacity:0; overflow: hidden;}
    5% {opacity: 0;}
    13% {opacity: 1;}
    20% {opacity: 1; }
    30% {opacity: 1; }
    40% {opacity: 1; }
    60% {opacity: 0; }
    80% {opacity: 0; }
    100% {height: 800px; width: auto; opacity: 0; overflow: hidden; }
  }

  .motionimg1aaug2022 {
    position: absolute;
    top: -2%;
    width: 90vw;
    z-index: -3;
    overflow: hidden;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_1m 25000ms infinite;
    -webkit-animation: img_1m 25000ms infinite;
    -ms-animation: img_1m 25000ms infinite;
    -moz-animation: img_1m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_1m{
  0% {clip-path: inset(0 100% 0 0); margin-left: 2%; opacity:1;  transform: scale(1.05); overflow: hidden;}
  7% {clip-path: inset(0 0 0 0);}
  20% {margin-left: 6%; transform: scale(1.05); opacity: 1;}
  30% {margin-left: 6%;  transform: scale(1.05); opacity: 1;}
  40% {margin-left: 6%; transform: scale(1.05); opacity: 1;}
  60% {margin-left: 6%; transform: scale(1.05); opacity: 0;}
  80% {margin-left: 6%; transform: scale(1.05); opacity: 0;}
  100% {margin-left: 2%; opacity: 0;  transform: scale(1.05); overflow: hidden;}
  }
  
  .motionimg2aug2022 {
    position: absolute;
    top:  -1%;
    z-index: -3;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_2m 25000ms infinite;
    -webkit-animation: img_2m 25000ms infinite;
    -ms-animation: img_2m 25000ms infinite;
    -moz-animation: img_2m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_2m{
  0% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden; }
  20% {margin-left: -2%; opacity:0; transform: scale(1.1); }
  25% {opacity: 1;}
  40% {margin-left: 0%; opacity:1; transform: scale(1.05); }
  60% {opacity:1;}
  65% {margin-left: 0%; opacity:1; transform: scale(1.05); }
  80% {margin-left: 0%; opacity:0; transform: scale(1.05); }
  100% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden;}
  }
  
  .motionimg3aug2022 {
    position: absolute;
    z-index: -3;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -webkit-animation-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-animation: img_3m 25000ms infinite;
    -ms-animation: img_3m 25000ms infinite;
    -moz-animation: img_3m 25000ms infinite;
    animation: img_3m 25000ms infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    transition-timing-function: infinite;
  }
  
  @keyframes img_3m{
  0% {margin-right: 3%; opacity:0; transform: scale(1.05); overflow: hidden;}
  20% {margin-right: 3%; opacity:0; transform: scale(1.05);}
  40% {margin-right: 3%; opacity:0; transform: scale(1.05);}
  45% {opacity:1;}
  75% {margin-right: -2%; opacity:1; transform: scale(1.05);}
  80% {margin-right: -2%; opacity:0; transform: scale(1.05);}
  100% {margin-right: 3%; opacity:0; transform: scale(1.05); overflow: hidden;}
  }
  
  .motionimg4aug2022 {
    position: absolute;
    overflow: hidden;
    margin-left: 3%;
    z-index: -3;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-animation: img_4m 25000ms infinite;
    -ms-animation: img_4m 25000ms infinite;
    -moz-animation: img_4m 25000ms infinite;
    animation: img_4m 25000ms infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    transition-timing-function: infinite;
  }
  
  @keyframes img_4m{
0% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  20% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  40% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  60% {margin-left: 3%;; opacity:0; transform: scale(1.05); }
69% {margin-left: -2%; opacity:1; }
  75% {margin-left: -2%; opacity:1; transform: scale(1.05); }
  80% {margin-left: -2%; opacity:0; transform: scale(1.05); }
  100% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  }
  
  .motionimg5aug2022 {
    position: absolute;
    top: -2%;
    z-index: -4;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_5m 25000ms infinite;
    -webkit-animation: img_5m 25000ms infinite;
    -ms-animation: img_5m 25000ms infinite;
    -moz-animation: img_5m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_5m{
  0% {padding-bottom: 0%; opacity:1; transform: scale(1.05); overflow: hidden;}
  3% {padding-bottom: 0%; opacity:1; transform: scale(1.05); overflow: hidden;}
  4% {opacity:0; transform: scale(1.05); overflow: hidden;}
  40% {opacity:0; transform: scale(1.05); overflow: hidden;}
  60% {opacity: 0; transform: scale(1.05); }
  70% {padding-bottom: 5%; opacity: 0; transform: scale(1.05); }
  75% {padding-bottom: 5%; opacity:0;}
  80% {opacity:1;}
95% {padding-bottom: 0%;}
100% {padding-bottom: 0%;opacity:1; transform: scale(1.05); overflow: hidden; }
  }
  
  .motionimg5aaug2022 {
    position: absolute;
    top: -2%;
    z-index: -4;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_5am 25000ms infinite;
    -webkit-animation: img_5am 25000ms infinite;
    -ms-animation: img_5am 25000ms infinite;
    -moz-animation: img_5am 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_5am{
 0% {margin-bottom: 0%; opacity: 1; transform: scale(1.05); overflow: hidden;}
  3% {margin-bottom: 5%; opacity: 1; transform: scale(1.05); overflow: hidden;}
  4% {opacity: 0; transform: scale(1.05); overflow: hidden;}
  40% {opacity: 0; transform: scale(1.05); }
  60% {opacity: 0; transform: scale(1.05); }
  80% {margin-bottom: 5%; opacity: 0; transform: scale(1.05); }
  85% {opacity:1; }
  95% {margin-bottom:0%;}
100% {margin-bottom: 0%; opacity:1; transform: scale(1.05); overflow: hidden; }
  }
}@media screen and (max-width:700px) {

p.mobilepmargin {margin-bottom: 0px;}

}@media screen and (max-width:700px) {

p.mobilepmargin {margin-bottom: 0px;}

}@media screen and (max-width:700px) {

p.mobilepmargin {margin-bottom: 0px;}

}.video-bg-img {
  display: none;
}

.hero-video-container {
  overflow: hidden;
}

.hero-video-container:before {
  z-index: -1;
  height: 100%;
  top: 0;
  width:100vw;
  overflow: hidden;
  position: fixed;
  background-image: linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 200px,transparent 80%,rgba(0,44,95,0)), radial-gradient(rgba(0, 0, 0, .3), transparent, transparent);
  background-image: -webkit-linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 200px,transparent 80%,rgba(0,44,95,0)), webkit-radial-gradient(rgba(0, 0, 0, .3), transparent, transparent);
  background-image: -moz-linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 200px,transparent 80%,rgba(0,44,95,0)), moz-radial-gradient(rgba(0, 0, 0, .3), transparent, transparent);
  background-image: -ms-linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 200px,transparent 80%,rgba(0,44,95,0)), ms-radial-gradient(rgba(0, 0, 0, .3), transparent, transparent);
  content: "";
}

.hero-video-container img{
  width: auto;
  margin-left: auto;
  margin-right: auto;
  height: 80vh;
  overflow: hidden;
  position: fixed;
  z-index: -3;
}

.blg-blue {background-color: transparent;}


.hero-video-container-content.wrapper-narrow {
  z-index: 0;  position: absolute; overflow: hidden;
top: 45vh;
}


.gradient {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  width: 105vw;
  height: auto;
}



.twohunlogo {
  position: absolute;
  z-index: -2;
  overflow: hidden;
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  animation: logogo 25000ms infinite;
  -webkit-animation: logogo 25000ms infinite;
  -ms-animation: logogo 25000ms infinite;
  -moz-animation: logogo 25000ms infinite;
  transition-timing-function: infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  -moz-transition-timing-function: infinite;
}

@keyframes logogo{
  0% {height: 950px; width: auto; opacity:0; overflow: hidden;}
  5% {opacity: 0;}
  13% {opacity: 1;}
  20% {opacity: 1;}
  30% {opacity: 1;}
  40% {opacity: 1;}
  60% {opacity: 0;}
  80% {opacity: 0;}
  100% {height: 950px; width: auto; opacity: 0; overflow: hidden;}
}

.motionimg1aaug2022 {
  position: absolute;
  top: -2%;
  width: auto;
  z-index: -3;
  overflow: hidden;
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  animation: img_1m 25000ms infinite;
  -webkit-animation: img_1m 25000ms infinite;
  -ms-animation: img_1m 25000ms infinite;
  -moz-animation: img_1m 25000ms infinite;
  transition-timing-function: infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  -moz-transition-timing-function: infinite;
}

@keyframes img_1m{
  0% {clip-path: inset(0 100% 0 0); margin-left: -2%; opacity:1;  transform: scale(1.05); overflow: hidden;}
  7% {clip-path: inset(0 0 0 0);}
  20% {margin-left: 2%; transform: scale(1.05); opacity: 1;}
  30% {margin-left: 2%;  transform: scale(1.05); opacity: 1;}
  40% {margin-left: 2%; transform: scale(1.05); opacity: 1;}
  60% {margin-left: 2%; transform: scale(1.05); opacity: 0;}
  80% {margin-left: 2%; transform: scale(1.05); opacity: 0;}
  100% {margin-left: -2%; opacity: 0;  transform: scale(1.05); overflow: hidden;}
}

.motionimg2aug2022 {
  position: absolute;
  width: auto;
  top: -1%;
  z-index: -3;
  overflow: hidden;
  transform: scale(1.1);
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  animation: img_2m 25000ms infinite;
  -webkit-animation: img_2m 25000ms infinite;
  -ms-animation: img_2m 25000ms infinite;
  -moz-animation: img_2m 25000ms infinite;
  transition-timing-function: infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  -moz-transition-timing-function: infinite;
}

@keyframes img_2m{
  0% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden; }
  20% {margin-left: -2%; opacity:0; transform: scale(1.1); }
  25% {opacity: 1;}
  40% {margin-left: 0%; opacity:1; transform: scale(1.08); }
  60% {opacity:1;}
  65% {margin-left: 0%; opacity:1; transform: scale(1.08); }
  80% {margin-left: 0%; opacity:0; transform: scale(1.08); }
  100% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden;}
}

.motionimg3aug2022 {
  position: absolute;
  width: auto;
  z-index: -3;
  overflow: hidden;
  transform: scale(1.0);
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  transform: translate(0%,0%);
  -webkit-animation: img_3m 25000ms infinite;
  -ms-animation: img_3m 25000ms infinite;
  -moz-animation: img_3m 25000ms infinite;
  animation: img_3m 25000ms infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  transition-timing-function: infinite;
}

@keyframes img_3m{
  0% {margin-right: 3%; opacity:0; transform: scale(1.08); overflow: hidden;}
  20% {margin-right: 3%; opacity:0; transform: scale(1.08);}
  40% {margin-right: 3%; opacity:0; transform: scale(1.08);}
  45% {opacity:1;}
  75% {margin-right: -2%; opacity:1; transform: scale(1.08);}
  80% {margin-right: -2%; opacity:0; transform: scale(1.08);}
  100% {margin-right: 3%; opacity:0; transform: scale(1.08); overflow: hidden;}
}



.motionimg4aug2022 {
  position: absolute;
  width: auto;
  z-index: -3;
  overflow: hidden;
  transform: scale(1.0);
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  -webkit-animation: img_4m 25000ms infinite;
  -ms-animation: img_4m 25000ms infinite;
  -moz-animation: img_4m 25000ms infinite;
  animation: img_4m 25000ms infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  transition-timing-function: infinite;
}

@keyframes img_4m{
  0% {margin-left: 3%; opacity:0; transform: scale(1.08); }
  20% {margin-left: 3%; opacity:0; transform: scale(1.08); }
  40% {margin-left: 3%; opacity:0; transform: scale(1.08); }
  60% {margin-left: 3%;; opacity:0; transform: scale(1.08); }
69% {margin-left: -2%; opacity:1; }
  75% {margin-left: -2%; opacity:1; transform: scale(1.08); }
  80% {margin-left: -2%; opacity:0; transform: scale(1.08); }
  100% {margin-left: 3%; opacity:0; transform: scale(1.08); }
}

.motionimg5aug2022 {
  position: absolute;
  width: auto;
  top: -2%;
  z-index: -4;
  overflow: hidden;
  transform: scale(1.0);
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  animation: img_5m 25000ms infinite;
  -webkit-animation: img_5m 25000ms infinite;
  -ms-animation: img_5m 25000ms infinite;
  -moz-animation: img_5m 25000ms infinite;
  transition-timing-function: infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  -moz-transition-timing-function: infinite;
}

@keyframes img_5m{
  0% {padding-bottom: 0%; opacity:1; transform: scale(1.08); overflow: hidden;}
  3% {padding-bottom: 0%; opacity:1; transform: scale(1.08); overflow: hidden;}
  4% {opacity:0; transform: scale(1.08); overflow: hidden;}
  40% {opacity:0; transform: scale(1.08); overflow: hidden;}
  60% {opacity: 0; transform: scale(1.08); }
  70% {padding-bottom: 5%; opacity: 0; transform: scale(1.08); }
  75% {padding-bottom: 2%; opacity:0;}
  80% {opacity:1;}
 85% {padding-bottom: 0%;}
100% {padding-bottom: 0%; opacity:1; transform: scale(1.08); overflow: hidden; }
}

@media (max-width: 2000px) {

  .page .coveo-search-section .CoveoSearchInterface .CoveoSearchbox {max-width: 540px;}

  .twohunlogo {
    position: absolute;
    z-index: -2;
    overflow: hidden;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: logogo 25000ms infinite;
    -webkit-animation: logogo 25000ms infinite;
    -ms-animation: logogo 25000ms infinite;
    -moz-animation: logogo 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }

  @keyframes logogo{
    0% {height: 950px; width: auto; opacity:0; overflow: hidden;}
    5% {opacity: 0;}
    13% {opacity: 1;}
    20% {opacity: 1; }
    30% {opacity: 1; }
    40% {opacity: 1; }
    60% {opacity: 0; }
    80% {opacity: 0; }
    100% {height: 950px; width: auto; opacity: 0; overflow: hidden; }
  }
}


@media (max-width: 1024px) {
  .page .coveo-search-section .CoveoSearchInterface .CoveoSearchbox {max-width: 384px;}

  .hero-video-container img{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: 80vh;
    overflow: hidden;
    position: fixed;
    z-index: -3;
  }

  .motionimg1aaug2022 {
    position: absolute;
    top: -2%;
    width: 90vw;
    z-index: -3;
    overflow: hidden;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_1m 25000ms infinite;
    -webkit-animation: img_1m 25000ms infinite;
    -ms-animation: img_1m 25000ms infinite;
    -moz-animation: img_1m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
 }
  
  @keyframes img_1m{
  0% {clip-path: inset(0 100% 0 0); margin-left: -2%; opacity:1;  transform: scale(1.05); overflow: hidden;}
  7% {clip-path: inset(0 0 0 0);}
  20% {margin-left: 2%; transform: scale(1.05); opacity: 1;}
  30% {margin-left: 2%;  transform: scale(1.05); opacity: 1;}
  40% {margin-left: 2%; transform: scale(1.05); opacity: 1;}
  60% {margin-left: 2%; transform: scale(1.05); opacity: 0;}
  80% {margin-left: 2%; transform: scale(1.05); opacity: 0;}
  100% {margin-left: -2%; opacity: 0;  transform: scale(1.05); overflow: hidden;}
  }
  
  .motionimg2aug2022 {
    position: absolute;
    top:  -1%;
    z-index: -3;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_2m 25000ms infinite;
    -webkit-animation: img_2m 25000ms infinite;
    -ms-animation: img_2m 25000ms infinite;
    -moz-animation: img_2m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_2m{
  0% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden; }
  20% {margin-left: -2%; opacity:0; transform: scale(1.1); }
  25% {opacity: 1;}
  40% {margin-left: 0%; opacity:1; transform: scale(1.05); }
  60% {opacity:1;}
  65% {margin-left: 0%; opacity:1; transform: scale(1.05); }
  80% {margin-left: 0%; opacity:0; transform: scale(1.05); }
  100% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden;}
  }
  
  .motionimg3aug2022 {
    position: absolute;
    z-index: -3;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-animation: img_3m 25000ms infinite;
    -ms-animation: img_3m 25000ms infinite;
    -moz-animation: img_3m 25000ms infinite;
    animation: img_3m 25000ms infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    transition-timing-function: infinite;
  }
  
  @keyframes img_3m{
                  0% {margin-right: 3%; opacity:0; transform: scale(1.05); overflow: hidden;}
                  20% {margin-right: 3%; opacity:0; transform: scale(1.05);}
                  40% {margin-right: 3%; opacity:0; transform: scale(1.05);}
                  45% {opacity:1;}
                  75% {margin-right: -2%; opacity:1; transform: scale(1.05);}
                  80% {margin-right: -2%; opacity:0; transform: scale(1.05);}
                  100% {margin-right: 3%; opacity:0; transform: scale(1.05); overflow: hidden;}
  }
  
  .motionimg4aug2022 {
    position: absolute;
    overflow: hidden;
    margin-left: 3%;
    z-index: -3;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-animation: img_4m 25000ms infinite;
    -ms-animation: img_4m 25000ms infinite;
    -moz-animation: img_4m 25000ms infinite;
    animation: img_4m 25000ms infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    transition-timing-function: infinite;
  }
  
  @keyframes img_4m {
0% {margin-left: 3%; opacity:0; transform: scale(1.05); }
 20% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  40% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  60% {margin-left: 3%;; opacity:0; transform: scale(1.05); }
69% {margin-left: -2%; opacity:1; }
  75% {margin-left: -2%; opacity:1; transform: scale(1.05); }
  80% {margin-left: -2%; opacity:0; transform: scale(1.05); }
  100% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  }
  
  .motionimg5aug2022 {
    position: absolute;
    top: -2%;
    z-index: -4;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_5m 25000ms infinite;
    -webkit-animation: img_5m 25000ms infinite;
    -ms-animation: img_5m 25000ms infinite;
    -moz-animation: img_5m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_5m{
  0% {opacity:1; transform: scale(1.05); overflow: hidden;}
  3% {opacity:1; transform: scale(1.05); overflow: hidden;}
  4% {opacity:0; transform: scale(1.05); overflow: hidden;}
  40% {opacity:0; transform: scale(1.05); overflow: hidden;}
  60% {opacity: 0; transform: scale(1.05); }
  70% {padding-bottom: 5%; opacity: 0; transform: scale(1.05); }
  75% {padding-bottom: 2%; opacity:0;}
  80% {opacity:1;}
85% {opacity:1;}
100% {opacity:1; transform: scale(1.05); overflow: hidden; }
  }
  
  .motionimg5aaug2022 {
    position: absolute;
    top: -2%;
    z-index: -4;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_5am 25000ms infinite;
    -webkit-animation: img_5am 25000ms infinite;
    -ms-animation: img_5am 25000ms infinite;
    -moz-animation: img_5am 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_5am{
  0% {margin-bottom: 5%; opacity: 1; transform: scale(1.05); overflow: hidden;}
  3% {margin-bottom: 5%; opacity: 1; transform: scale(1.05); overflow: hidden;}
  4% {opacity: 0; transform: scale(1.05); overflow: hidden;}
  40% {opacity: 0; transform: scale(1.05); }
  60% {opacity: 0; transform: scale(1.05); }
  80% {margin-bottom: 5%; opacity: 0; transform: scale(1.05); }
  85% {margin-bottom: 1%; opacity:1; }
100% {margin-bottom: 1%; opacity:1; transform: scale(1.05); overflow: hidden; }
  }
}

@media (max-width: 540px) {
  .page .coveo-search-section .CoveoSearchInterface .CoveoSearchbox {max-width: 384px;}

  .hero-video-container img{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: 80vh;
    overflow: hidden;
    position: fixed;
    z-index: -3;
  }
  
  .twohunlogo {
    position: absolute;
    z-index: -2;
    overflow: hidden;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: logogo 25000ms infinite;
    -webkit-animation: logogo 25000ms infinite;
    -ms-animation: logogo 25000ms infinite;
    -moz-animation: logogo 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes logogo{
    0% {height: 800px; width: auto; opacity:0; overflow: hidden;}
    5% {opacity: 0;}
    13% {opacity: 1;}
    20% {opacity: 1; }
    30% {opacity: 1; }
    40% {opacity: 1; }
    60% {opacity: 0; }
    80% {opacity: 0; }
    100% {height: 800px; width: auto; opacity: 0; overflow: hidden; }
  }

  .motionimg1aaug2022 {
    position: absolute;
    top: -2%;
    width: 90vw;
    z-index: -3;
    overflow: hidden;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_1m 25000ms infinite;
    -webkit-animation: img_1m 25000ms infinite;
    -ms-animation: img_1m 25000ms infinite;
    -moz-animation: img_1m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_1m{
  0% {clip-path: inset(0 100% 0 0); margin-left: 2%; opacity:1;  transform: scale(1.05); overflow: hidden;}
  7% {clip-path: inset(0 0 0 0);}
  20% {margin-left: 6%; transform: scale(1.05); opacity: 1;}
  30% {margin-left: 6%;  transform: scale(1.05); opacity: 1;}
  40% {margin-left: 6%; transform: scale(1.05); opacity: 1;}
  60% {margin-left: 6%; transform: scale(1.05); opacity: 0;}
  80% {margin-left: 6%; transform: scale(1.05); opacity: 0;}
  100% {margin-left: 2%; opacity: 0;  transform: scale(1.05); overflow: hidden;}
  }
  
  .motionimg2aug2022 {
    position: absolute;
    top:  -1%;
    z-index: -3;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_2m 25000ms infinite;
    -webkit-animation: img_2m 25000ms infinite;
    -ms-animation: img_2m 25000ms infinite;
    -moz-animation: img_2m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_2m{
  0% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden; }
  20% {margin-left: -2%; opacity:0; transform: scale(1.1); }
  25% {opacity: 1;}
  40% {margin-left: 0%; opacity:1; transform: scale(1.05); }
  60% {opacity:1;}
  65% {margin-left: 0%; opacity:1; transform: scale(1.05); }
  80% {margin-left: 0%; opacity:0; transform: scale(1.05); }
  100% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden;}
  }
  
  .motionimg3aug2022 {
    position: absolute;
    z-index: -3;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -webkit-animation-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-animation: img_3m 25000ms infinite;
    -ms-animation: img_3m 25000ms infinite;
    -moz-animation: img_3m 25000ms infinite;
    animation: img_3m 25000ms infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    transition-timing-function: infinite;
  }
  
  @keyframes img_3m{
  0% {margin-right: 3%; opacity:0; transform: scale(1.05); overflow: hidden;}
  20% {margin-right: 3%; opacity:0; transform: scale(1.05);}
  40% {margin-right: 3%; opacity:0; transform: scale(1.05);}
  45% {opacity:1;}
  75% {margin-right: -2%; opacity:1; transform: scale(1.05);}
  80% {margin-right: -2%; opacity:0; transform: scale(1.05);}
  100% {margin-right: 3%; opacity:0; transform: scale(1.05); overflow: hidden;}
  }
  
  .motionimg4aug2022 {
    position: absolute;
    overflow: hidden;
    margin-left: 3%;
    z-index: -3;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-animation: img_4m 25000ms infinite;
    -ms-animation: img_4m 25000ms infinite;
    -moz-animation: img_4m 25000ms infinite;
    animation: img_4m 25000ms infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    transition-timing-function: infinite;
  }
  
  @keyframes img_4m{
0% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  20% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  40% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  60% {margin-left: 3%;; opacity:0; transform: scale(1.05); }
69% {margin-left: -2%; opacity:1; }
  75% {margin-left: -2%; opacity:1; transform: scale(1.05); }
  80% {margin-left: -2%; opacity:0; transform: scale(1.05); }
  100% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  }
  
  .motionimg5aug2022 {
    position: absolute;
    top: -2%;
    z-index: -4;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_5m 25000ms infinite;
    -webkit-animation: img_5m 25000ms infinite;
    -ms-animation: img_5m 25000ms infinite;
    -moz-animation: img_5m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_5m{
  0% {padding-bottom: 0%; opacity:1; transform: scale(1.05); overflow: hidden;}
  3% {padding-bottom: 0%; opacity:1; transform: scale(1.05); overflow: hidden;}
  4% {opacity:0; transform: scale(1.05); overflow: hidden;}
  40% {opacity:0; transform: scale(1.05); overflow: hidden;}
  60% {opacity: 0; transform: scale(1.05); }
  70% {padding-bottom: 5%; opacity: 0; transform: scale(1.05); }
  75% {padding-bottom: 5%; opacity:0;}
  80% {opacity:1;}
95% {padding-bottom: 0%;}
100% {padding-bottom: 0%;opacity:1; transform: scale(1.05); overflow: hidden; }
  }
  
  .motionimg5aaug2022 {
    position: absolute;
    top: -2%;
    z-index: -4;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_5am 25000ms infinite;
    -webkit-animation: img_5am 25000ms infinite;
    -ms-animation: img_5am 25000ms infinite;
    -moz-animation: img_5am 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_5am{
 0% {margin-bottom: 0%; opacity: 1; transform: scale(1.05); overflow: hidden;}
  3% {margin-bottom: 5%; opacity: 1; transform: scale(1.05); overflow: hidden;}
  4% {opacity: 0; transform: scale(1.05); overflow: hidden;}
  40% {opacity: 0; transform: scale(1.05); }
  60% {opacity: 0; transform: scale(1.05); }
  80% {margin-bottom: 5%; opacity: 0; transform: scale(1.05); }
  85% {opacity:1; }
  95% {margin-bottom:0%;}
100% {margin-bottom: 0%; opacity:1; transform: scale(1.05); overflow: hidden; }
  }
}.video-bg-img {
  display: none;
}

.hero-video-container {
  overflow: hidden;
}

.hero-video-container:before {
  z-index: -1;
  height: 100%;
  top: 0;
  width:100vw;
  overflow: hidden;
  position: fixed;
  background-image: linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 200px,transparent 80%,rgba(0,44,95,0)), radial-gradient(rgba(0, 0, 0, .3), transparent, transparent);
  background-image: -webkit-linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 200px,transparent 80%,rgba(0,44,95,0)), webkit-radial-gradient(rgba(0, 0, 0, .3), transparent, transparent);
  background-image: -moz-linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 200px,transparent 80%,rgba(0,44,95,0)), moz-radial-gradient(rgba(0, 0, 0, .3), transparent, transparent);
  background-image: -ms-linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 200px,transparent 80%,rgba(0,44,95,0)), ms-radial-gradient(rgba(0, 0, 0, .3), transparent, transparent);
  content: "";
}

.hero-video-container img{
  width: auto;
  margin-left: auto;
  margin-right: auto;
  height: 80vh;
  overflow: hidden;
  position: fixed;
  z-index: -3;
}

.blg-blue {background-color: transparent;}


.hero-video-container-content.wrapper-narrow {
  z-index: 0;  position: absolute; overflow: hidden;
top: 45vh;
}


.gradient {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  width: 105vw;
  height: auto;
}



.twohunlogo {
  position: absolute;
  z-index: -2;
  overflow: hidden;
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  animation: logogo 25000ms infinite;
  -webkit-animation: logogo 25000ms infinite;
  -ms-animation: logogo 25000ms infinite;
  -moz-animation: logogo 25000ms infinite;
  transition-timing-function: infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  -moz-transition-timing-function: infinite;
}

@keyframes logogo{
  0% {height: 950px; width: auto; opacity:0; overflow: hidden;}
  5% {opacity: 0;}
  13% {opacity: 1;}
  20% {opacity: 1;}
  30% {opacity: 1;}
  40% {opacity: 1;}
  60% {opacity: 0;}
  80% {opacity: 0;}
  100% {height: 950px; width: auto; opacity: 0; overflow: hidden;}
}

.motionimg1aaug2022 {
  position: absolute;
  top: -2%;
  width: auto;
  z-index: -3;
  overflow: hidden;
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  animation: img_1m 25000ms infinite;
  -webkit-animation: img_1m 25000ms infinite;
  -ms-animation: img_1m 25000ms infinite;
  -moz-animation: img_1m 25000ms infinite;
  transition-timing-function: infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  -moz-transition-timing-function: infinite;
}

@keyframes img_1m{
  0% {clip-path: inset(0 100% 0 0); margin-left: -2%; opacity:1;  transform: scale(1.05); overflow: hidden;}
  7% {clip-path: inset(0 0 0 0);}
  20% {margin-left: 2%; transform: scale(1.05); opacity: 1;}
  30% {margin-left: 2%;  transform: scale(1.05); opacity: 1;}
  40% {margin-left: 2%; transform: scale(1.05); opacity: 1;}
  60% {margin-left: 2%; transform: scale(1.05); opacity: 0;}
  80% {margin-left: 2%; transform: scale(1.05); opacity: 0;}
  100% {margin-left: -2%; opacity: 0;  transform: scale(1.05); overflow: hidden;}
}

.motionimg2aug2022 {
  position: absolute;
  width: auto;
  top: -1%;
  z-index: -3;
  overflow: hidden;
  transform: scale(1.1);
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  animation: img_2m 25000ms infinite;
  -webkit-animation: img_2m 25000ms infinite;
  -ms-animation: img_2m 25000ms infinite;
  -moz-animation: img_2m 25000ms infinite;
  transition-timing-function: infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  -moz-transition-timing-function: infinite;
}

@keyframes img_2m{
  0% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden; }
  20% {margin-left: -2%; opacity:0; transform: scale(1.1); }
  25% {opacity: 1;}
  40% {margin-left: 0%; opacity:1; transform: scale(1.08); }
  60% {opacity:1;}
  65% {margin-left: 0%; opacity:1; transform: scale(1.08); }
  80% {margin-left: 0%; opacity:0; transform: scale(1.08); }
  100% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden;}
}

.motionimg3aug2022 {
  position: absolute;
  width: auto;
  z-index: -3;
  overflow: hidden;
  transform: scale(1.0);
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  transform: translate(0%,0%);
  -webkit-animation: img_3m 25000ms infinite;
  -ms-animation: img_3m 25000ms infinite;
  -moz-animation: img_3m 25000ms infinite;
  animation: img_3m 25000ms infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  transition-timing-function: infinite;
}

@keyframes img_3m{
  0% {margin-right: 3%; opacity:0; transform: scale(1.08); overflow: hidden;}
  20% {margin-right: 3%; opacity:0; transform: scale(1.08);}
  40% {margin-right: 3%; opacity:0; transform: scale(1.08);}
  45% {opacity:1;}
  75% {margin-right: -2%; opacity:1; transform: scale(1.08);}
  80% {margin-right: -2%; opacity:0; transform: scale(1.08);}
  100% {margin-right: 3%; opacity:0; transform: scale(1.08); overflow: hidden;}
}



.motionimg4aug2022 {
  position: absolute;
  width: auto;
  z-index: -3;
  overflow: hidden;
  transform: scale(1.0);
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  -webkit-animation: img_4m 25000ms infinite;
  -ms-animation: img_4m 25000ms infinite;
  -moz-animation: img_4m 25000ms infinite;
  animation: img_4m 25000ms infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  transition-timing-function: infinite;
}

@keyframes img_4m{
  0% {margin-left: 3%; opacity:0; transform: scale(1.08); }
  20% {margin-left: 3%; opacity:0; transform: scale(1.08); }
  40% {margin-left: 3%; opacity:0; transform: scale(1.08); }
  60% {margin-left: 3%;; opacity:0; transform: scale(1.08); }
69% {margin-left: -2%; opacity:1; }
  75% {margin-left: -2%; opacity:1; transform: scale(1.08); }
  80% {margin-left: -2%; opacity:0; transform: scale(1.08); }
  100% {margin-left: 3%; opacity:0; transform: scale(1.08); }
}

.motionimg5aug2022 {
  position: absolute;
  width: auto;
  top: -2%;
  z-index: -4;
  overflow: hidden;
  transform: scale(1.0);
  transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  -ms-transform: translate(0%,0%);
  -moz-transform: translate(0%,0%);
  animation: img_5m 25000ms infinite;
  -webkit-animation: img_5m 25000ms infinite;
  -ms-animation: img_5m 25000ms infinite;
  -moz-animation: img_5m 25000ms infinite;
  transition-timing-function: infinite;
  -webkit-transition-timing-function: infinite;
  -ms-transition-timing-function: infinite;
  -moz-transition-timing-function: infinite;
}

@keyframes img_5m{
  0% {padding-bottom: 0%; opacity:1; transform: scale(1.08); overflow: hidden;}
  3% {padding-bottom: 0%; opacity:1; transform: scale(1.08); overflow: hidden;}
  4% {opacity:0; transform: scale(1.08); overflow: hidden;}
  40% {opacity:0; transform: scale(1.08); overflow: hidden;}
  60% {opacity: 0; transform: scale(1.08); }
  70% {padding-bottom: 5%; opacity: 0; transform: scale(1.08); }
  75% {padding-bottom: 2%; opacity:0;}
  80% {opacity:1;}
 85% {padding-bottom: 0%;}
100% {padding-bottom: 0%; opacity:1; transform: scale(1.08); overflow: hidden; }
}

@media (max-width: 2000px) {

  .page .coveo-search-section .CoveoSearchInterface .CoveoSearchbox {max-width: 540px;}

  .twohunlogo {
    position: absolute;
    z-index: -2;
    overflow: hidden;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: logogo 25000ms infinite;
    -webkit-animation: logogo 25000ms infinite;
    -ms-animation: logogo 25000ms infinite;
    -moz-animation: logogo 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }

  @keyframes logogo{
    0% {height: 950px; width: auto; opacity:0; overflow: hidden;}
    5% {opacity: 0;}
    13% {opacity: 1;}
    20% {opacity: 1; }
    30% {opacity: 1; }
    40% {opacity: 1; }
    60% {opacity: 0; }
    80% {opacity: 0; }
    100% {height: 950px; width: auto; opacity: 0; overflow: hidden; }
  }
}


@media (max-width: 1024px) {
  .page .coveo-search-section .CoveoSearchInterface .CoveoSearchbox {max-width: 384px;}

  .hero-video-container img{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: 80vh;
    overflow: hidden;
    position: fixed;
    z-index: -3;
  }

  .motionimg1aaug2022 {
    position: absolute;
    top: -2%;
    width: 90vw;
    z-index: -3;
    overflow: hidden;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_1m 25000ms infinite;
    -webkit-animation: img_1m 25000ms infinite;
    -ms-animation: img_1m 25000ms infinite;
    -moz-animation: img_1m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
 }
  
  @keyframes img_1m{
  0% {clip-path: inset(0 100% 0 0); margin-left: -2%; opacity:1;  transform: scale(1.05); overflow: hidden;}
  7% {clip-path: inset(0 0 0 0);}
  20% {margin-left: 2%; transform: scale(1.05); opacity: 1;}
  30% {margin-left: 2%;  transform: scale(1.05); opacity: 1;}
  40% {margin-left: 2%; transform: scale(1.05); opacity: 1;}
  60% {margin-left: 2%; transform: scale(1.05); opacity: 0;}
  80% {margin-left: 2%; transform: scale(1.05); opacity: 0;}
  100% {margin-left: -2%; opacity: 0;  transform: scale(1.05); overflow: hidden;}
  }
  
  .motionimg2aug2022 {
    position: absolute;
    top:  -1%;
    z-index: -3;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_2m 25000ms infinite;
    -webkit-animation: img_2m 25000ms infinite;
    -ms-animation: img_2m 25000ms infinite;
    -moz-animation: img_2m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_2m{
  0% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden; }
  20% {margin-left: -2%; opacity:0; transform: scale(1.1); }
  25% {opacity: 1;}
  40% {margin-left: 0%; opacity:1; transform: scale(1.05); }
  60% {opacity:1;}
  65% {margin-left: 0%; opacity:1; transform: scale(1.05); }
  80% {margin-left: 0%; opacity:0; transform: scale(1.05); }
  100% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden;}
  }
  
  .motionimg3aug2022 {
    position: absolute;
    z-index: -3;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-animation: img_3m 25000ms infinite;
    -ms-animation: img_3m 25000ms infinite;
    -moz-animation: img_3m 25000ms infinite;
    animation: img_3m 25000ms infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    transition-timing-function: infinite;
  }
  
  @keyframes img_3m{
                  0% {margin-right: 3%; opacity:0; transform: scale(1.05); overflow: hidden;}
                  20% {margin-right: 3%; opacity:0; transform: scale(1.05);}
                  40% {margin-right: 3%; opacity:0; transform: scale(1.05);}
                  45% {opacity:1;}
                  75% {margin-right: -2%; opacity:1; transform: scale(1.05);}
                  80% {margin-right: -2%; opacity:0; transform: scale(1.05);}
                  100% {margin-right: 3%; opacity:0; transform: scale(1.05); overflow: hidden;}
  }
  
  .motionimg4aug2022 {
    position: absolute;
    overflow: hidden;
    margin-left: 3%;
    z-index: -3;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-animation: img_4m 25000ms infinite;
    -ms-animation: img_4m 25000ms infinite;
    -moz-animation: img_4m 25000ms infinite;
    animation: img_4m 25000ms infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    transition-timing-function: infinite;
  }
  
  @keyframes img_4m {
0% {margin-left: 3%; opacity:0; transform: scale(1.05); }
 20% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  40% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  60% {margin-left: 3%;; opacity:0; transform: scale(1.05); }
69% {margin-left: -2%; opacity:1; }
  75% {margin-left: -2%; opacity:1; transform: scale(1.05); }
  80% {margin-left: -2%; opacity:0; transform: scale(1.05); }
  100% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  }
  
  .motionimg5aug2022 {
    position: absolute;
    top: -2%;
    z-index: -4;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_5m 25000ms infinite;
    -webkit-animation: img_5m 25000ms infinite;
    -ms-animation: img_5m 25000ms infinite;
    -moz-animation: img_5m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_5m{
  0% {opacity:1; transform: scale(1.05); overflow: hidden;}
  3% {opacity:1; transform: scale(1.05); overflow: hidden;}
  4% {opacity:0; transform: scale(1.05); overflow: hidden;}
  40% {opacity:0; transform: scale(1.05); overflow: hidden;}
  60% {opacity: 0; transform: scale(1.05); }
  70% {padding-bottom: 5%; opacity: 0; transform: scale(1.05); }
  75% {padding-bottom: 2%; opacity:0;}
  80% {opacity:1;}
85% {opacity:1;}
100% {opacity:1; transform: scale(1.05); overflow: hidden; }
  }
  
  .motionimg5aaug2022 {
    position: absolute;
    top: -2%;
    z-index: -4;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_5am 25000ms infinite;
    -webkit-animation: img_5am 25000ms infinite;
    -ms-animation: img_5am 25000ms infinite;
    -moz-animation: img_5am 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_5am{
  0% {margin-bottom: 5%; opacity: 1; transform: scale(1.05); overflow: hidden;}
  3% {margin-bottom: 5%; opacity: 1; transform: scale(1.05); overflow: hidden;}
  4% {opacity: 0; transform: scale(1.05); overflow: hidden;}
  40% {opacity: 0; transform: scale(1.05); }
  60% {opacity: 0; transform: scale(1.05); }
  80% {margin-bottom: 5%; opacity: 0; transform: scale(1.05); }
  85% {margin-bottom: 1%; opacity:1; }
100% {margin-bottom: 1%; opacity:1; transform: scale(1.05); overflow: hidden; }
  }
}

@media (max-width: 540px) {
  .page .coveo-search-section .CoveoSearchInterface .CoveoSearchbox {max-width: 384px;}

  .hero-video-container img{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: 80vh;
    overflow: hidden;
    position: fixed;
    z-index: -3;
  }
  
  .twohunlogo {
    position: absolute;
    z-index: -2;
    overflow: hidden;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: logogo 25000ms infinite;
    -webkit-animation: logogo 25000ms infinite;
    -ms-animation: logogo 25000ms infinite;
    -moz-animation: logogo 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes logogo{
    0% {height: 800px; width: auto; opacity:0; overflow: hidden;}
    5% {opacity: 0;}
    13% {opacity: 1;}
    20% {opacity: 1; }
    30% {opacity: 1; }
    40% {opacity: 1; }
    60% {opacity: 0; }
    80% {opacity: 0; }
    100% {height: 800px; width: auto; opacity: 0; overflow: hidden; }
  }

  .motionimg1aaug2022 {
    position: absolute;
    top: -2%;
    width: 90vw;
    z-index: -3;
    overflow: hidden;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_1m 25000ms infinite;
    -webkit-animation: img_1m 25000ms infinite;
    -ms-animation: img_1m 25000ms infinite;
    -moz-animation: img_1m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_1m{
  0% {clip-path: inset(0 100% 0 0); margin-left: 2%; opacity:1;  transform: scale(1.05); overflow: hidden;}
  7% {clip-path: inset(0 0 0 0);}
  20% {margin-left: 6%; transform: scale(1.05); opacity: 1;}
  30% {margin-left: 6%;  transform: scale(1.05); opacity: 1;}
  40% {margin-left: 6%; transform: scale(1.05); opacity: 1;}
  60% {margin-left: 6%; transform: scale(1.05); opacity: 0;}
  80% {margin-left: 6%; transform: scale(1.05); opacity: 0;}
  100% {margin-left: 2%; opacity: 0;  transform: scale(1.05); overflow: hidden;}
  }
  
  .motionimg2aug2022 {
    position: absolute;
    top:  -1%;
    z-index: -3;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_2m 25000ms infinite;
    -webkit-animation: img_2m 25000ms infinite;
    -ms-animation: img_2m 25000ms infinite;
    -moz-animation: img_2m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_2m{
  0% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden; }
  20% {margin-left: -2%; opacity:0; transform: scale(1.1); }
  25% {opacity: 1;}
  40% {margin-left: 0%; opacity:1; transform: scale(1.05); }
  60% {opacity:1;}
  65% {margin-left: 0%; opacity:1; transform: scale(1.05); }
  80% {margin-left: 0%; opacity:0; transform: scale(1.05); }
  100% {margin-left: -2%; opacity:0; transform: scale(1.1); overflow: hidden;}
  }
  
  .motionimg3aug2022 {
    position: absolute;
    z-index: -3;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -webkit-animation-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-animation: img_3m 25000ms infinite;
    -ms-animation: img_3m 25000ms infinite;
    -moz-animation: img_3m 25000ms infinite;
    animation: img_3m 25000ms infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    transition-timing-function: infinite;
  }
  
  @keyframes img_3m{
  0% {margin-right: 3%; opacity:0; transform: scale(1.05); overflow: hidden;}
  20% {margin-right: 3%; opacity:0; transform: scale(1.05);}
  40% {margin-right: 3%; opacity:0; transform: scale(1.05);}
  45% {opacity:1;}
  75% {margin-right: -2%; opacity:1; transform: scale(1.05);}
  80% {margin-right: -2%; opacity:0; transform: scale(1.05);}
  100% {margin-right: 3%; opacity:0; transform: scale(1.05); overflow: hidden;}
  }
  
  .motionimg4aug2022 {
    position: absolute;
    overflow: hidden;
    margin-left: 3%;
    z-index: -3;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-animation: img_4m 25000ms infinite;
    -ms-animation: img_4m 25000ms infinite;
    -moz-animation: img_4m 25000ms infinite;
    animation: img_4m 25000ms infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    transition-timing-function: infinite;
  }
  
  @keyframes img_4m{
0% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  20% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  40% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  60% {margin-left: 3%;; opacity:0; transform: scale(1.05); }
69% {margin-left: -2%; opacity:1; }
  75% {margin-left: -2%; opacity:1; transform: scale(1.05); }
  80% {margin-left: -2%; opacity:0; transform: scale(1.05); }
  100% {margin-left: 3%; opacity:0; transform: scale(1.05); }
  }
  
  .motionimg5aug2022 {
    position: absolute;
    top: -2%;
    z-index: -4;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_5m 25000ms infinite;
    -webkit-animation: img_5m 25000ms infinite;
    -ms-animation: img_5m 25000ms infinite;
    -moz-animation: img_5m 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_5m{
  0% {padding-bottom: 0%; opacity:1; transform: scale(1.05); overflow: hidden;}
  3% {padding-bottom: 0%; opacity:1; transform: scale(1.05); overflow: hidden;}
  4% {opacity:0; transform: scale(1.05); overflow: hidden;}
  40% {opacity:0; transform: scale(1.05); overflow: hidden;}
  60% {opacity: 0; transform: scale(1.05); }
  70% {padding-bottom: 5%; opacity: 0; transform: scale(1.05); }
  75% {padding-bottom: 5%; opacity:0;}
  80% {opacity:1;}
95% {padding-bottom: 0%;}
100% {padding-bottom: 0%;opacity:1; transform: scale(1.05); overflow: hidden; }
  }
  
  .motionimg5aaug2022 {
    position: absolute;
    top: -2%;
    z-index: -4;
    overflow: hidden;
    transform: scale(1.0);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    animation: img_5am 25000ms infinite;
    -webkit-animation: img_5am 25000ms infinite;
    -ms-animation: img_5am 25000ms infinite;
    -moz-animation: img_5am 25000ms infinite;
    transition-timing-function: infinite;
    -webkit-transition-timing-function: infinite;
    -ms-transition-timing-function: infinite;
    -moz-transition-timing-function: infinite;
  }
  
  @keyframes img_5am{
 0% {margin-bottom: 0%; opacity: 1; transform: scale(1.05); overflow: hidden;}
  3% {margin-bottom: 5%; opacity: 1; transform: scale(1.05); overflow: hidden;}
  4% {opacity: 0; transform: scale(1.05); overflow: hidden;}
  40% {opacity: 0; transform: scale(1.05); }
  60% {opacity: 0; transform: scale(1.05); }
  80% {margin-bottom: 5%; opacity: 0; transform: scale(1.05); }
  85% {opacity:1; }
  95% {margin-bottom:0%;}
100% {margin-bottom: 0%; opacity:1; transform: scale(1.05); overflow: hidden; }
  }
}